<template>
	<div>
		<el-breadcrumb separator="/" style="margin-bottom: 20px;">
			<el-breadcrumb-item :to="{ path: '/body' }">首页</el-breadcrumb-item>
			<el-breadcrumb-item>小区管理</el-breadcrumb-item>
		</el-breadcrumb>
		<el-form ref="form"  :inline="true">
			<el-form-item label="用户手机号">
				<el-input  placeholder="请输入内容" size="small"
					style="width: 200px;margin-right: 10px;"></el-input>
			</el-form-item>
			<el-form-item label="下单人姓名">
				<el-input  placeholder="请输入内容" size="small"
					style="width: 200px;margin-right: 10px;"></el-input>
			</el-form-item>
			<el-form-item label="状态">
				<el-select v-model="value" size="small">
				    <el-option
				      v-for="item in options"
				      :key="item.value"
				      :label="item.label"
				      :value="item.value">
				    </el-option>
				  </el-select>
			</el-form-item>
			<el-form-item label="所属门店">
				<el-input   size="small"
					style="width: 200px;margin-right: 10px;"></el-input>
			</el-form-item>
			<el-form-item label="下单时间">
				<el-date-picker value-format="yyyy-MM-dd HH:mm:ss"  type="daterange" size="small"
					range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
				</el-date-picker>
			</el-form-item>
			<el-form-item>
				<el-button size="small" type="primary" style="margin-left: 10px;"
					@click="queryCommunityList">搜索</el-button>
			</el-form-item><br />
			<el-form-item>
				<el-button size="small" type="primary" style="margin-left: 10px;" @click="addCommunity">新增小区</el-button>
			</el-form-item>
		</el-form>
	</div>
</template>

<script>
	export default {
	    data() {
	      return {
	        options: [{
	          value: '1',
	          label: '全部'
	        }, {
	          value: '2',
	          label: '已取消'
	        }, {
	          value: '3',
	          label: '待接单'
	        }, {
	          value: '4',
	          label: '已接单配送中'
	        }, {
	          value: '5',
	          label: '已完成'
	        }],
	        value: '1'
	      }
	    }
	  }
</script>

<style>
</style>